// pages/record/record.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    jq:false,
    nullHouse: true,  //先设置隐藏
    tabArr: {
      curHdIndex: 0,
      curBdIndex: 0
    },
    left:[
    { 
      jifen:'购买乎乎或或或或或或或或或获得100积分',
      riqi:'2017/4/5'
      
      },
    {
      jifen: '购买乎乎或或或或或或或或或获得100积分',
      riqi: '2017/4/5'

    },
    {
      jifen: '购买乎乎或或或或或或或或或获得100积分',
      riqi: '2017/4/5'

    },
    ],
    right: [
      {
        jifen: '购买获得100积分',
        riqi: '2017/4/5'

      },
      {
        jifen: '购买乎乎或或或或或或或或或获得100积分',
        riqi: '2017/4/5'

      },
    ]
  },
  powerDrawer: function (e) {
console.log(e);
    
    var currentStatu = e.currentTarget.dataset.statu;
    this.util(currentStatu)


  },
  util: function (currentStatu) {
    /* 动画部分 */
    // 第1步：创建动画实例 
    var animation = wx.createAnimation({
      duration: 200, //动画时长 
      timingFunction: "linear", //线性 
      delay: 0 //0则不延迟 
    });

    // 第2步：这个动画实例赋给当前的动画实例 
    this.animation = animation;

    // 第3步：执行第一组动画 
    animation.opacity(0).rotateX(-100).step();

    // 第4步：导出动画对象赋给数据对象储存 
    this.setData({
      animationData: animation.export()
    })

    // 第5步：设置定时器到指定时候后，执行第二组动画 
    setTimeout(function () {
      // 执行第二组动画 
      animation.opacity(1).rotateX(0).step();
      // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象 
      this.setData({
        animationData: animation
      })

      //关闭 
      if (currentStatu == "close") {
        this.setData(
          {
            showModalStatus: false
          }
        );
      }
    }.bind(this), 200)

    // 显示 
    if (currentStatu == "open") {
      this.setData(
        {

          jq:true,
          showModalStatus: true
        }
      );
    }
    if (currentStatu == "opens") {
      this.setData(
        {
          jq:false,
          showModalStatus: true
        }
      );
    }


  },



  xieyi:function(){
    wx.navigateTo({
      url: '../protocol/protocol',
      success: function(res) {},
      fail: function(res) {},
      complete: function(res) {},
    })
  },
  // tab切换
  tabFun: function (e) {
    //获取触发事件组件的dataset属性 
    var _datasetId = e.target.dataset.id;
    console.log("----" + _datasetId + "----");
    var _obj = {};
    _obj.curHdIndex = _datasetId;
    _obj.curBdIndex = _datasetId;
    this.setData({
      tabArr: _obj
    });
  }, 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})